<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--<meta name="viewport" content="width=max-device-width, initial-scale=1.0">-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Donde Reciclo GCBA APP</title>
<![if !IE]>
<link rel="stylesheet" type="text/css" href="../resources/js/plugins/bootstrap/css/bootstrap.min.css">
<![endif]>
<!--[if gt IE 8]>
    <link rel="stylesheet" type="text/css" href="./resources/js/plugins/bootstrap/css/bootstrap.min.css">
<![endif]-->
<link rel="stylesheet" type="text/css" href="../resources/js/plugins/bootstrap/css/bootstrap-responsive.min.css">
<link rel="stylesheet" type="text/css" href="../resources/js/plugins/fancybox/jquery.fancybox-1.3.4.css">
<link rel="stylesheet" type="text/css" href="../resources/css/styles.css">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="../resources/js/plugins/domSelectors/domSelectors.js"></script>
<script type="text/javascript" src="../resources/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../resources/js/jquery-ui-1.8.1.custom.js"></script>
<script type="text/javascript" src="../resources/js/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../resources/js/plugins/iscroll/iscroll.js"></script>
<script type="text/javascript" src="../resources/js/plugins/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="../resources/js/replacer.js"></script>
<script type="text/javascript" src="js/init.js"></script>
<script type="text/javascript" src="../resources/js/cooperativas.js"></script>
<script type="text/javascript" src="../resources/js/buscador.js"></script>
<style>
#datos-row .box-list .box-item:nth-child(even) {margin-left: 0}
#marker-details-content {width: 529px; margin: 0 -529px 0}
@media (max-width: 767px) {
    #datos-row, #fotos-row, #tips-row {
        padding: 0 20px 0 35px;
        width: 85%;
    }
   #fotos-row {
        padding: 0 20px 0 25px;
        width: 100%;
    }
    #mapa-search-form { padding: 10px; margin: 13px 0 0 60px; width: 70%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #header .nav-sup .logo { margin: 0; width: auto; position: relative; top: 10px; left: 10px; }
    #header .nav-sup {height: 70px;}
}
#fotos-row .box-list {height: auto}
#fotos-row .box-list .box-item {margin-top: 8px}
</style>
</head>
<body>
    <div id="mapa-page" class="container" style="width: 100%">
        <header id="header" class="row-fluid">
            <div class="nav-sup">
                <div class="container header-container">
                    <div class="navbar">
                        <a class="brand section logo" href="http://dondereciclo.org.ar/" target="_blank">
                            <img src="../resources/img/logo-donde-reciclo.png" alt="DondeReciclo.org" title="DondeReciclo.org"/>
                        </a>
                        <form id="mapa-search-form" class="form-search span6">
                            <input type="text" id="mapa-search-input" class="input-medium span4" placeholder="Busc&aacute; tu cooperativa"/>
                            <button id="btn-search" type="submit" class="btn btn-green span3">
                                <span class="icons icon-search-white"></span>
                            </button>
                            <!--<a id="btn-carga-tu-punto" class="btn " href="http://www.dondereciclo.org.ar/comparti-tu-punto" target="_blank">
                                Compart&iacute; tu punto
                            </a>-->
                        </form>
                        <!--<a class="brand section span2 span-right logo2" href="http://cocacoladeargentina.com.ar/" target="_blank">
                            <img src="../resources/img/logo-coca-cola.png" alt="Coca Cola Viviendo Positivamente" title="Coca Cola Viviendo Positivamente"/>
                        </a>-->
                    </div>
                </div>
            </div>
        </header>

        <section id="mapa-container" class="row-fluid">
            <div id="mapa-content" class="span">
            </div>
        </section>
    </div>

    <!-- INFOBOX -->
    <textarea id="infoboxContent" style="display: none">
        <img src="../resources/img/arrows/generic.png" />
        <div class="content">
            <p><strong>${markerNombre}</strong><br />
            ${markerDireccion}<br />
            ${categoriasToString}</p>
        </div>
    </textarea>
    <!-- FIN INFOBOX -->

    <!-- INFOMARKER -->
    <textarea id="infomarkerTpl" style="display: none">
        <div class="scrollear">
        <div class="content">
            <div id="datos-row" class="span">
                <h3 class="title" style="line-height: 22px">${nombre}<br /><small>${frase}</small></h3>
                <ul class="span12 info-list box-list">
                    <li id="address-item" class="box-item span6">
                        <b class="title-item">Direcci&oacute;n:&nbsp;</b><span class="val">${direccion}</span>
                    </li>
                    <li id="hour-item" class="box-item span6">
                        <b class="title-item">Horario:&nbsp;</b><span class="val">${horario}</span>
                    </li>
                    <li id="phone-item" class="box-item span6">
                        <b class="title-item">Telefono:&nbsp;</b><span class="val">${telefono}</span>
                    </li>
                    <li id="email-item" class="box-item span6">
                        <b class="title-item">Email: </b><span class="val">${email}</span>
                    </li>
                    <li id="web-item" class="box-item span6">
                        <b class="title-item">Web: </b><span class="val">${web}</span>
                    </li>
                    <li id="recive-item" class="box-item span12" style="margin-left: 0">
                        <b class="title-item">Reciben:&nbsp;</b>
                        <span class="val">
                            ${classyCategories}                         
                        </span>
                    </li>
                    <li id="description-item" class="box-item span12" style="margin-left: 0; text-align: justify">
                        <b class="title-item">Descripcion:</b>
                        <p class="description">${descripcion}</p>
                    </li>
                    <li id="fotos-item" class="box-item span12">
                        <div id="fotos-row" class="span">
                            <h3 class="title">Fotos</h3>
                            <ul id="fotos-list" class="box-list span" style="list-style: none">
                                ${images}
                                <li class="clearfix">&nbsp;</li>
                            </ul>
                            <p>&nbsp;</p>
                        </div>
                    </li>
                </ul>
            </div>
            </div>
        </div>
        <input id="btn-expand-markers-details" type="button">
    </textarea>
    <!-- FIN INFOMARKER -->
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        
        ga('create', 'UA-43356927-1', 'dondereciclo.org');
        ga('send', 'pageview');
        
    </script>
</body>
</html>
